<template>
  <view>
    <m-top :autoBack="true" :bgChangeByScroll="true" bgColor="#8C82FF" @getHeight="getGlHeight">
      我的通知
    </m-top>

    <m-container :top="glTop">
      <view class="pdv40 mgt32">
        <view class="card" v-for="i in 2">
          <m-card :padding="false">
            <view class="content">
              <view class="c333 font36">行程通知</view>
              <view class="c666 font28 h2">您在2023/06/27 12:00有一条行程，请合理安排！</view>
            </view>
          </m-card>
        </view>

      </view>
    </m-container>
  </view>
</template>

<script>
import GlTopMixin from "@/mixins/global-top";

export default {
  mixins: [GlTopMixin],
  components: {},
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.card {
  &:not(:first-child) {
    margin-top: 40rpx;
  }
  .content {
    padding: 20rpx 40rpx;
    .h2 {
      margin-top: 14rpx;
    }
  }

}
</style>